<template>
  <div style="width: 100%; height: 100%">
    <div id="app">
      <!-- <login></login> -->
      <Icon></Icon>
      <Button></Button>
      <Link></Link>

      <Radio></Radio>
      <Checkbox></Checkbox>
      <Input></Input>
      <InputNumber></InputNumber>
      <Select></Select>
      <Cascader></Cascader>
      <MySwitch></MySwitch>
      <Slider></Slider>
      <TimePicker></TimePicker>
      <DatePicker></DatePicker>
      <DateTimePicker></DateTimePicker>
      <Upload></Upload>
      <Rate></Rate>
      <ColorPicker></ColorPicker>
      <Transfer></Transfer>
      <Form></Form>
      <Table></Table>
      <Tag></Tag>
      <Progress></Progress>
      <Tree></Tree>
      <Pagination></Pagination>
      <Badge></Badge>
      <Avatar></Avatar>
      <Skeleton></Skeleton>
      <Empty></Empty>
      <Descriptions></Descriptions>
      <Result></Result>
      <Alert></Alert>
      <Loading></Loading>
      <Message></Message>
      <MessageBox></MessageBox>
      <Notification></Notification>
      <NavMenu></NavMenu>
      <Tabs></Tabs>
      <Breadcrumb></Breadcrumb>
      <PageHeader></PageHeader>
      <Dropdown></Dropdown>
      <Steps></Steps>
      <Dialog></Dialog>
      <Tooltip></Tooltip>
      <Popover></Popover>
      <Popconfirm></Popconfirm>
      <Card></Card>
      <Carousel></Carousel>
      <Collapse></Collapse>
      <Timeline></Timeline>
      <Divider></Divider>
      <Calendar></Calendar>
      <Image></Image>
      <Backtop></Backtop>
      <InfiniteScroll></InfiniteScroll>
      <Drawer></Drawer>
    </div>
  </div>
</template>

<script>
// import login from './views/login.vue'
import Icon from "./ElementUI/Basic/Icon.vue";
import Button from "./ElementUI/Basic/Button.vue";
import Link from "./ElementUI/Basic/Link.vue";

import Radio from "./ElementUI/Form/Radio.vue";
import Checkbox from "./ElementUI/Form/Checkbox.vue";
import Input from "./ElementUI/Form/Input.vue";
import InputNumber from "./ElementUI/Form/InputNumber.vue";
import Select from "./ElementUI/Form/Select.vue";
import Cascader from "./ElementUI/Form/Cascader.vue";
import MySwitch from "./ElementUI/Form/Switch.vue";
import Slider from "./ElementUI/Form/Slider.vue";
import TimePicker from "./ElementUI/Form/TimePicker.vue";
import DatePicker from "./ElementUI/Form/DatePicker.vue";
import DateTimePicker from "./ElementUI/Form/DateTimePicker.vue";
import Upload from "./ElementUI/Form/Upload.vue";
import Rate from "./ElementUI/Form/Rate.vue";
import ColorPicker from "./ElementUI/Form/ColorPicker.vue";
import Transfer from "./ElementUI/Form/Transfer.vue";
import Form from "./ElementUI/Form/Form.vue";
import Table from "./ElementUI/Data/Table.vue";
import Tag from "./ElementUI/Data/Tag.vue";
import Progress from "./ElementUI/Data/Progress.vue";
import Tree from "./ElementUI/Data/Tree.vue";
import Pagination from "./ElementUI/Data/Pagination.vue";
import Badge from "./ElementUI/Data/Badge.vue";
import Avatar from "./ElementUI/Data/Avatar.vue";
import Skeleton from "./ElementUI/Data/Skeleton.vue";
import Empty from "./ElementUI/Data/Empty.vue";
import Descriptions from "./ElementUI/Data/Descriptions .vue";
import Result from "./ElementUI/Data/Result.vue";
import Alert from "./ElementUI/Notice/Alert.vue";
import Loading from "./ElementUI/Notice/Loading.vue";
import Message from "./ElementUI/Notice/Message.vue";
import MessageBox from "./ElementUI/Notice/MessageBox.vue";
import Notification from "./ElementUI/Notice/Notification.vue";
import NavMenu  from "./ElementUI/Navigation/NavMenu.vue";
import Tabs from "./ElementUI/Navigation/Tabs.vue"; 
import Breadcrumb from "./ElementUI/Navigation/Breadcrumb.vue"; 
import PageHeader from "./ElementUI/Navigation/PageHeader.vue"; 
import Dropdown from "./ElementUI/Navigation/Dropdown.vue"; 
import Steps from "./ElementUI/Navigation/Steps.vue"; 
import Dialog from "./ElementUI/Others/Dialog.vue"; 
import Tooltip from "./ElementUI/Others/Tooltip.vue"; 
import Popover from "./ElementUI/Others/Popover.vue"; 
import Popconfirm from "./ElementUI/Others/Popconfirm.vue"; 
import Card from "./ElementUI/Others/Card.vue"; 
import Carousel from "./ElementUI/Others/Carousel.vue"; 
import Collapse from "./ElementUI/Others/Collapse.vue"; 
import Timeline from "./ElementUI/Others/Timeline.vue"; 
import Divider from "./ElementUI/Others/Divider.vue"; 
import Calendar from "./ElementUI/Others/Calendar.vue"; 
import Image from "./ElementUI/Others/Image.vue"; 
import Backtop from "./ElementUI/Others/Backtop.vue"; 
import InfiniteScroll from "./ElementUI/Others/InfiniteScroll.vue"; 
import Drawer from "./ElementUI/Others/Drawer.vue"; 



















 

export default {
  name: "App",
  components: {
    // login
    Icon,
    Button,
    Link,
    Radio,
    Checkbox,
    Input,
    InputNumber,
    Select,
    Cascader,
    MySwitch,
    Slider,
    TimePicker,
    DatePicker,
    DateTimePicker,
    Upload,
    Rate,
    ColorPicker,
    Transfer,
    Form,
    Table,
    Tag,
    Progress,
    Tree,
    Pagination,
    Badge,
    Avatar,
    Skeleton,
    Empty,
    Descriptions,
    Result,
    Alert,
    Loading,
    Message,
    MessageBox,
    Notification,
    NavMenu,
    Tabs,
    Breadcrumb,
    PageHeader,
    Dropdown,
    Steps,
    Dialog,
    Tooltip,
    Popover,
    Popconfirm,
    Card,
    Carousel,
    Collapse,
    Timeline,
    Divider,
    Calendar,
    Image,
    Backtop,
    InfiniteScroll,
    Drawer
  },
  data() {
    return {};
  },
  methods: {},
  created() {},
  mounted() {},
};
</script>

<style>
html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: Microsoft YaHei UI, Microsoft YaHei UI-Bold;
}
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}
* {
  margin: 0;
  padding: 0;
}

/* .app1{
  background:url('/image/test.png');
  height: 300px;
} */
</style>
